<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./font_888v4gjdis/iconfont.css">
    <link rel="stylesheet" href="./node_modules/bootstrap/dist/css/bootstrap.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/cart.css">
    <title>购物车结算页面</title>
</head>

<body>

    <!-- 顶栏 -->
    <div class="ding">
        <div class="ding-c">
            <!-- 左侧浮动 -->
            <div class="ding-left1 fl">
                <span class="iconfont icon-dingwei"></span>
            </div>
            <span class="ding-left2 fl">北京</span>
            <!-- 右侧浮动 -->
            <div class="ding-right fr">
                <span class="logininfo">
                    <a href="./login.html" class="logininfo1">你好，请登录</a>
                    <a href="./register.html" class="logininfo2">免费注册</a>
                </span>
                <span> | </span>
                <a href="#">我的订单</a>
                <span> | </span>
                <a href="#">我的京东</a>
                <span> | </span>
                <a href="#">京东会员</a>
                <span> | </span>
                <a href="#">企业采购</a>
                <span> | </span>
                <a href="#">客户服务</a>
                <span> | </span>
                <a href="#">网站导航</a>
                <span> | </span>
                <a href="./iden.html">个人中心</a>
            </div>

        </div>
    </div>


    <!-- 头部 -->
    <div class="header">
        <div class="header-c">
            <!-- 左：logo -->
            <div class="header-logo fl">
                <img src="./image/jd-logo.png" alt="">
            </div>
            <!-- 中间：搜索框 -->
            <div class="header-s fl">

                <div class="header-search">
                    <input type="text" class="fl" value="小米手机">
                    <span class="iconfont icon-camera fl"></span>
                    <div class="fl">
                        <span class="iconfont icon-sousuo"></span>
                    </div>
                </div>

                <div class="header-btn">
                    <a href="#">24期免息券</a>
                    <a href="#">赢京豆</a>
                    <a href="#">洗烘套装</a>
                    <a href="#">金秋上新</a>
                    <a href="#">vivo S10</a>
                    <a href="#">石榴来了</a>
                    <a href="#">绿植9.9</a>
                    <a href="#">二手平板</a>
                    <a href="#">自营电脑</a>
                </div>
            </div>
            <!-- 右边：购物车 -->
            <div class="header-erweima fr">
                <img src="./image/erweima.png" alt="">
            </div>
            <div class="header-right fr">
                <span class="iconfont icon-gouwuche"></span>
                <a href="./cart.html">我的购物车</a>
            </div>
        </div>
    </div>

    <!-- 路径导航 -->
    <div class="daohang">
        <div class="daohang-c">
            <a href="./index.html">首页</a>
            <span> > </span>
            <a href="#">电脑、办公</a>
            <span> > </span>
            <a href="#">详情页</a>
        </div>
    </div>


    <!-- 购物车 -->
    <div class="container cart">
        <table class="table">
            <thead>
                <tr>
                    <th><input checked type="checkbox" name="selectAll">全选</th>
                    <th>商品图片</th>
                    <th>商品单价</th>
                    <th>商品数量</th>
                    <th>小计</th>
                    <th>操作</th>
                </tr>
            </thead>
            <tbody></tbody>
            <tfoot>
                <tr>
                    <td><input type="checkbox" checked name="selectAll">全选</td>
                    <td colspan="2">总数量：<span class="totalNum">0</span>件</td>
                    <td colspan="2">总价格：￥<span class="totalPrice">0</span>元</td>
                    <td>
                        <a href="" class="btn btn-danger">付款</a>
                    </td>
                </tr>
            </tfoot>
        </table>
    </div>


    <!-- 底部 -->
    <div class="footer"></div>


















    <script src="./js/tools-danli.js"></script>
    <script src="./node_modules/jquery/dist/jquery.js"></script>
    <script src="./node_modules/layui-layer/dist/layer.js"></script>
    <!-- 用户注册登录js -->
    <script src="./js/username.js"></script>
    <!-- 购物车js -->
    <script src="./js/cart.js"></script>
</body>

</html>